@import "tools";

.dialog {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 1rem;
    width: 30rem;
    height: 25rem;
    box-shadow: 0 0 5px grey;
    padding: 1rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    margin: -12.75rem 0 0 -15rem;
    /* Corrected margin value */


    .close-btn {
        .toBlock(2rem, 2rem);
        // width: 2rem;
        // height: 2rem;
        border-radius: 50%;
        border-color: orange;
        // position: relative;
        .relative(26rem, 0rem);
    }

    .input {
        box-sizing: border-box;
        .toBlock(20rem, 3rem);
        outline: 0 none;
        border-color: orange;
        padding: 0 1rem;
        margin: 1rem auto;
        border-radius: 0.5rem;
        color: orange;
    }

    .btn {
        .toBlock(10rem, 3rem);
        .center(3rem);
        color: orange;
        border-color: orange;
        border-radius: 0.5rem;
    }
}